/*
  React生命周期-挂载阶段
  三大阶段：挂载时、更新时、卸载时
*/
import React from 'react';

class APP extends React.Component {
  // constructor作用: 让子级继承父级的一切属性
  // 在constructor 一定要调用 super(),super 继承了父级所有的属性，并且把this指向当前(子级)
  // constructor创建组件时，最先执行--只会执行一次
  constructor() {
    super();
    console.log('创建前----->');
  }
  state = {
    count: 1000,
  };
  // 组件挂载完成DOM渲染————发送网络请求数据
  componentDidMount() {
    console.log('组件挂载，完成DOM渲染----->');
  }
  // 每次组件渲染都会触发
  render() {
    console.log('渲染前执行----->');
    return (
      <div>
        <h3>{this.state.count}</h3>
      </div>
    );
  }
}

export default APP;
